<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="/bck/static/js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
    <?php template('dl1');?>
    <link rel="stylesheet" type="text/css" href="layui/css/layui.css"/>
    <script src="layui/layui.js" type="text/javascript" charset="utf-8"></script>
</head>
<body>
	<div id="header"></div>
	<div id="left">
		<div id="logo">
			<img src="../../static/img/logo.png"/> XELORO
		</div>
		<div id="leftdiv">
			<div id="leftdiv1">
				MENU
			</div>
			<div id="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">Dashboard</span>
				<span id="s2">
					7
				</span>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">UI Elements</span>
				<div class="s2" >
					<ul class="sub-menu" aria-expanded="false" style="">
						<li>
							<a href="ui-buttons.html">Buttons</a>
						</li>
						<li>
							<a href="ui-cards.html">Cards</a>
						</li>
						<li>
							<a href="ui-carousel.html">Carousel</a>
						</li>
						<li>
							<a href="ui-embeds.html">Embeds</a>
						</li>
						<li>
							<a href="ui-general.html">General</a>
						</li>
						<li>
							<a href="ui-grid.html">Grid</a>
						</li>
						<li>
							<a href="ui-media-objects.html">Media Objects</a>
						</li>
						<li>
							<a href="ui-modals.html">Modals</a>
						</li>
						<li>
							<a href="ui-progressbars.html">Progress Bars</a>
						</li>
						<li>
							<a href="ui-tabs.html">Tabs</a>
						</li>
						<li>
							<a href="ui-typography.html">Typography</a>
						</li>
						<li>
							<a href="ui-toasts.html">Toasts</a>
						</li>
						<li>
							<a href="ui-tooltips-popovers.html">Tooltips &amp; Popovers</a>
						</li>
						<li>
							<a href="ui-scrollspy.html">Scrollspy</a>
						</li>
						<li>
							<a href="ui-spinners.html">Spinners</a>
						</li>
						<li style="margin-bottom: 20px;">
							<a href="ui-sweetalerts.html">Sweet Alerts</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">用户管理</span>
				<div class="s2">
					<ul class="sub-menu" aria-expanded="false">
						<li>
							<a href="/yongh.html" target="if1">用户管理</a>
						</li>
						
						
						<li style="margin-bottom: 20px;">
							<a href="/new.html" target="if1" style="margin-bottom: 20px;">菜单</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">文章</span>
				<div class="s2">
					<ul class="sub-menu" aria-expanded="false">
						<li>
							<a href="/wenz.html" target="if1">文章发布</a>
						</li>
						<li style="margin-bottom: 20px;">
							<a href="/wenz1.html" target="if1" style="margin-bottom: 20px;">文章</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">Forms</span>
				<div id="s3">
					6
				</div>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">轮播图</span>
				<div class="s2">
					<ul class="sub-menu" aria-expanded="false">
						<li>
							<a href="/rbt1.html" target="if1">轮播图</a>
						</li>
						<li style="margin-bottom: 20px;">
							<a href="icons-feather.html">Feather Icons</a>
						</li>
					</ul>
				</div>
			</div>
			<div class="leftdiv2">
				<img src="../../static/img/11.png"/><span id="s1">商品</span>
				<div class="s2">
					<ul class="sub-menu" aria-expanded="false">
						<li>
							<a href="/pinpai.html" target="if1">品牌管理</a>
						</li>
						<li style="margin-bottom: 20px;">
							<a href="/shangpin - 副本.html" target="if1" style="margin-bottom: 20px;">商品管理</a>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<div id="right">
		<div id="rightleft">
			<div id="rightleft1">
				+ Create New
			</div>
			<div id="rightleft2">
				<div>Application</div>
				<div class="rightleft2">Software</div>
				<div class="rightleft2">EMS System</div>
				<div class="rightleft2">CRM App</div>
			</div>
		</div>
		<div id="rightright">
			<div id="rightright1">
				<img src="/static/img/22.png"/>
			</div>
			<div id="rightright2">
				<div id="rightright2_2">
					<img src="/static/img/avatar-2.jpg"/>
					<span id="s1">
						Donald M.
					</span>
				</div>
				<div id="rightright2_1">
					<div>Inbox</div>
					<div class="rightleft2">Profile</div>
					<div class="rightleft2">Settings</div>
					<div class="rightleft2">Lock Account</div>
					<div id="tc" class="rightleft2"  onclick="btnClick1(this)">Log Out</button></div>
				</div>
			</div>
		</div>
	</div>
	<div id="iframe">
		<iframe name="if1" id="ifm1"  src="/yongh.html" width="" height=""></iframe>
	</div>
	<script type="text/javascript">
		var layer;
		layui.use(["layer"],function(){
				layer = layui.layer;		//取出弹出层模块对象
					//迷你弹窗
				
			});
			function btnClick1(){
				$.ajax({
					type:"post",
					url:"/ddll.php",
					success:function(mgs){
						console.log(mgs);
					}
				});
				layer.open({
					type : 0  				 //类型：0-信息框
					,title : [" "]	//标题
					,content : "<h1>退出登录</h1>"	//内容
					,area : ['300px','200px']	//设置宽高
					,btn : ['确定','取消']		//按钮
					,btn1 : function(){			//按钮回调
						window.location.href="/dl.php";
					}
					//,anim : 4  //弹出动画
				});
			}
	</script>
</body>
</html>